<div class="login-container">
  <form nz-form [formGroup]="validateForm" class="login-form" (ngSubmit)="submitForm()">
    <nz-form-item>
      <nz-form-control>
        <nz-input-group nzPrefixIcon="anticon anticon-user">
          <input type="text" nz-input formControlName="account" placeholder="账号" nzSize="large">
        </nz-input-group>
        <nz-form-explain *ngIf="validateForm.get('account').dirty && validateForm.get('account').errors">请输入账号!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <nz-input-group nzPrefixIcon="anticon anticon-lock">
          <input type="password" nz-input formControlName="password" placeholder="密码" nzSize="large">
        </nz-input-group>
        <nz-form-explain *ngIf="validateForm.get('password').dirty && validateForm.get('password').errors">请输入密码!</nz-form-explain>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control>
        <button nz-button class="login-form-button" [nzType]="'primary'" nzValue="large" [nzLoading]="loading">立即登录</button>
      </nz-form-control>
    </nz-form-item>
    <div *ngIf="!isChrome" class="text-center">推荐使用 <a href="https://www.google.cn/chrome/" target="_blank">谷歌浏览器<i nz-icon nzType="link" nzTheme="outline"></i></a> </div>
  </form>
</div>
